<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String openId = (String)request.getSession().getAttribute("openId");
	if(openId==null || openId.equals("")){
	 	openId = (String)request.getParameter("openId");
	 	request.getSession().setAttribute("openId", request.getParameter("openId"));	
	}
	 
%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="http://v3.bootcss.com/favicon.ico">
    <title>预约查看</title>
    <link href="/bootstrapDemo/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="/bootstrapDemo/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
     <script src="/bootstrapDemo/js/jquery.js"></script>
 	<script src="/bootstrapDemo/bootstrap/js/bootstrap.min.js"></script>

  </head>
  
<body>
	<!-- 这里是头部的轮播插件 start-->
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="padding-bottom: 0px;">
        <ol class="carousel-indicators" >
          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
          <li data-target="#carousel-example-generic" data-slide-to="2"></li>
          <li data-target="#carousel-example-generic" data-slide-to="3"></li>
          <li data-target="#carousel-example-generic" data-slide-to="4"></li>
        </ol>
        <div class="carousel-inner" style="height: 130px;">
          <div class="carousel-inner">
                  <div class="item active">
                      <img src="/wpages/images/lunbo/03.gif" alt="" style="width: 100%"/>
                  </div>
                  <div class="item">
                      <img src="/wpages/images/lunbo/02.gif" alt="" style="width: 100%"/>
                  </div>
                  <div class="item">
                      <img src="/wpages/images/lunbo/01.gif" alt="" style="width: 100%"/>
                  </div>
                   <div class="item">
                      <img src="/wpages/images/lunbo/04.gif" alt="" style="width: 100%"/>
                  </div>
                   <div class="item">
                      <img src="/wpages/images/lunbo/05.gif" alt=""/>
                  </div>
              </div>
        </div>
      </div>
      
	<!-- 这里是头部的轮播插件 end-->
<div class="jumbotron" style="padding: 8px;font-size: 14px"> 
      <div class="panel panel-default" style="margin-bottom:5px; " >
        <div class="panel-body" >
         	${tuser.WNickname },您目前一共有${orderNum}个预约订单。
        </div>
      </div>
      <s:iterator value="onlinelist" id="online" status="statu">
         		
      <div class="panel panel-primary">
	   	<div class="panel-heading">
          <h3 class="panel-title">订单${statu.index+1}</h3>
        </div>
	  	<table class="table table-bordered" style="font-size: 12px;">
		 	 <tr style="background-color: white;border: 0">
				<td width="20%">联系人</td>		
				<td width="30%"><s:property value="#online.OUsername"/></td>		
				<td width="20%">联系电话</td>		
				<td width="30%"><s:property value="#online.OPhone"/></td>		
			 </tr>
		 	 <tr style="background-color: white;border: 0">
				<td >预达日期</td>		
				<td ><s:date name="%{#online.OArriveDate}"	 format="yyyy-MM-dd" /> 
				</td>		
				<td >预离日期</td>		
				<td >
				<s:date name="%{#online.OLeaveDate}"	 format="yyyy-MM-dd" /> 
				</td>		
			 </tr>
		 	 <tr style="background-color: white;border: 0">
				<td >预约人数</td>		
				<td ><s:property value="#online.OUserno"/>人</td>		
				<td >预约项目</td>		
				<td ><s:property value="#online.OHorseType"/></td>		
			 </tr>
		 	 <tr style="background-color: white;border: 0">
				<td >备注信息</td>		
				<td ><s:property value="#online.ODesc"/></td>
				<td >预约时间</td>		
				<td ><s:date name="%{#online.OPretime}"	 format="yyyy-MM-dd hh:mm:ss" /></td>			
			 </tr>
				
		  </table>
		</div>
		
       </s:iterator>
     
      
	 <div id="footer" style="height: 40px; text-align: center;">
	 	<p>版权所有@功夫梦·中国 2014-2016</p>
	 </div>
		 
  <jsp:include page="/wpages/bottom.jsp"></jsp:include>
</div>
</body>
</html>